/**
 * introduce : 主页面
 * author    : yhy
 * date      : 2018/07/01
 */
<template>
  <div>
    <!-- <mt-button type="primary"
               @click='getdata'>primary</mt-button> -->
    <!-- <mt-progress :value="60">
      <div slot="start">0%</div>
      <div slot="end">100%</div>
    </mt-progress> -->
    <mt-button type="primary"
               @click="button">primary</mt-button>
    <div class="test">文字大小</div>
  </div>
</template>

<script>
import { mapState, mapActions } from 'vuex'
import { MessageBox } from 'mint-ui'
export default {
  name: 'Home',
  methods: {
    ...mapActions('homeModule', ['getMsg']),
    async getdata () {
      await this.getMsg()
    },
    button () {
      MessageBox({
        title: 'Notice',
        message: 'Are you sure?',
        showCancelButton: true
      })
    }
  },
  computed: {
    ...mapState('homeModule', ['mdata'])
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='less' scoped>
.test {
  width: 3.75rem;
  height: 200px;
  background: lightcoral;
  font-size: 0.18rem;
}
</style>
